<template>
  <Modal v-model="value" fullscreen scrollable>
    <Form :label-position="formProperty.position" :label-width="formProperty.width" style="padding: 20px">
      <form-item-dispatcher
        v-for="item in uiItemList"
        :key="item.id"
        :setting="item"
      />
    </Form>
    <div slot="footer" />
  </Modal>
</template>

<script>
import FormItemDispatcher from '../form-item-render/dispatcher'

export default {
  props: {
    formProperty: Object,
    uiItemList: Array
  },
  components: {
    FormItemDispatcher
  },
  data () {
    return {
      value: false
    }
  },
  methods: {
    open () {
      this.value = true
    }
  }
}
</script>
